<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="../css/shopcar.css">
    <!-- 引入jq -->
    <script src="../lib/jquery.js"></script>
    <!-- 引入当前页面js文件 -->
    <script src="../js/shopcar.js"></script>
</head>

<body>

</body>
<!-- 头部 --> 
<div class="head clearfix">
    <!-- head-top -->
    <div class="container-fluid bgc0">
        <div class="head-top container clearfix">
            <a href="./index.html" class="fl cfff">legochina.cn</a>
            <p class="fr cfff">欢迎光临<a href="./index.html" class="cf60">乐购</a> ，请 <a href="./log.html" class="cf60">登陆</a> \<a href="./register.html"
                    class="cf60">注册</a> </p>
            <h1 class="logo"><img src="../imags/shopcar_02.jpg" alt=""></h1>
        </div>

    </div>
    <!-- head-search -->
    <div class=" container clearfix pt424">
        <div class=" fr clearfix">
            <div class="head-search clearfix">
                <input type="text" placeholder="创意文具" class="fl">
                <button class="fl"></button>
            </div>
            <div class="fr mt15 mr25">配送至
                <select name="" id="">
                    <option value="">成都高新区三环内</option>
                </select>
            </div>
        </div>

    </div>
</div>>
<!-- 购物车 -->
<p class="container">填写并核对订单信息</p>
<div class="shopcar container ">
    <div class="shopcar-head clearfix">
        <p><input class="allsel" type="checkbox">全选</p>
        <p>商品</p>
        <p>单价</p>
        <p>数量</p>
        <p>小计</p>
        <p>操作</p>
    </div>


    <div class="shopcar-body clearfix">
        <p><input class="sinsel" type="checkbox"></p>
        <p>
            <img src="../imags/index08_05.jpg" alt="">
            从你到全世界路过
        </p>
        <p class="sinprice">41.00</p>
        <p>
            <span class="reduce">-</span>
            <input class="pronum" type="text" value="1">
            <span class="add">+</span>
        </p>
        <p class="smallprice">41.00</p>
        <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
        <p><input class="sinsel" type="checkbox"></p>
        <p>
            <img src="../imags/index08_05.jpg" alt="">
            从你到全世界路过
        </p>
        <p class="sinprice">41.00</p>
        <p>
            <span class="reduce">-</span>
            <input class="pronum" type="text" value="1">
            <span class="add">+</span>
        </p>
        <p class="smallprice">41.00</p>
        <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
        <p><input class="sinsel" type="checkbox"></p>
        <p>
            <img src="../imags/index08_05.jpg" alt="">
            从你到全世界路过
        </p>
        <p class="sinprice">41.00</p>
        <p>
            <span class="reduce">-</span>
            <input class="pronum" type="text" value="1">
            <span class="add">+</span>
        </p>
        <p class="smallprice">41.00</p>
        <p>删除<br>移到我的关注</p>
    </div>



    <div class="shopcar-foot">
        <p><input class="allsel" type="checkbox"> 全选</p>
        <p>删除选中商品</p>
        <p></p>
        <p>已选择 <span class="cf60 allNum">1</span> 件商品</p>
        <p>总价: <span class="cf60 totalPrice">41.00</span></p>
        <p><button class="bgcf60 cfff tecenter">结算</button></p>
    </div>

</div>
<!-- 猜你喜欢 -->
<div class="container guess">
    <div class="guessTitle">
        <h2 class="fz24 cfff bgcf60">猜你喜欢</h2>
    </div>
    <ul class="guessList clearfix">
        <li class="fl">
            <a href="./productDetail.html" class="mauto"><img src="../imags/saleList1.jpg" alt=""></a>
            <div class="cfff tecenter">8折<div></div>
            </div>
            <p class="tei10 mb5 mt5"><a href="./productDetail.html" class="mr10">白夜行</a><a href="#">东野上吾</a></p>
            <p class="tei10 cf60">推荐：
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star_09.png" alt="">
            </p>
            <p class="tei10 fz24"><span class="cf60">&yen;:38</span> <span
                    class="cb3 price tedecoration ">&yen;:58</span></p>
        </li>
        <li class="fl">
            <a href="#" class="mauto"><img src="../imags/saleList1.jpg" alt=""></a>
            <div class="cfff tecenter">8折<div></div>
            </div>
            <p class="tei10 mb5 mt5"><a href="#" class="mr10">白夜行</a><a href="#">东野上吾</a></p>
            <p class="tei10 cf60">推荐：
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star_09.png" alt="">
            </p>
            <p class="tei10 fz24"><span class="cf60">&yen;:38</span> <span
                    class="cb3 price tedecoration ">&yen;:58</span></p>
        </li>
        <li class="fl">
            <a href="#" class="mauto"><img src="../imags/saleList1.jpg" alt=""></a>
            <div class="cfff tecenter">8折<div></div>
            </div>
            <p class="tei10 mb5 mt5"><a href="#" class="mr10">白夜行</a><a href="#">东野上吾</a></p>
            <p class="tei10 cf60">推荐：
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star_09.png" alt="">
            </p>
            <p class="tei10 fz24"><span class="cf60">&yen;:38</span> <span
                    class="cb3 price tedecoration ">&yen;:58</span></p>
        </li>
        <li class="fl">
            <a href="#" class="mauto"><img src="../imags/saleList1.jpg" alt=""></a>
            <div class="cfff tecenter">8折<div></div>
            </div>
            <p class="tei10 mb5 mt5"><a href="#" class="mr10">白夜行</a><a href="#">东野上吾</a></p>
            <p class="tei10 cf60">推荐：
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star_09.png" alt="">
            </p>
            <p class="tei10 fz24"><span class="cf60">&yen;:38</span> <span
                    class="cb3 price tedecoration ">&yen;:58</span></p>
        </li>
        <li class="fl">
            <a href="#" class="mauto"><img src="../imags/saleList1.jpg" alt=""></a>
            <div class="cfff tecenter">8折<div></div>
            </div>
            <p class="tei10 mb5 mt5"><a href="#" class="mr10">白夜行</a><a href="#">东野上吾</a></p>
            <p class="tei10 cf60">推荐：
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star1_07.png" alt="">
                <img src="../imags/star_09.png" alt="">
            </p>
            <p class="tei10 fz24"><span class="cf60">&yen;:38</span> <span
                    class="cb3 price tedecoration ">&yen;:58</span></p>
        </li>


    </ul>

</div>
<!-- 广告 -->
<a class="container poster" href="#"><img src="../imags/poster_09.jpg" alt=""></a>
<!-- 页脚 -->
<div class="foot container-fluid">
    <div class="sign container-fluid">
        <div class="mauto">
            <img class="mr90" src="../imags/222_11.png" alt="">
            <img class="mr90" src="../imags/222_13.png" alt="">
            <img class="mr90" src="../imags/222_15.png" alt="">
            <img class="mr90" src="../imags/222_17.png" alt="">
        </div>
    </div>
    <div class="footList clearfix mauto">
        <ul class="fl">
            <li><a href="#">购物指南</a></li>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">发票制度</a></li>
            <li><a href="#">账户管理</a></li>
            <li><a href="#">会员优惠</a></li>
        </ul>
        <ul class="fl">
            <li><a href="#">支付方式</a></li>
            <li><a href="#">货到付款</a></li>
            <li><a href="#">网上支付</a></li>
            <li><a href="#">礼品卡支付</a></li>
            <li><a href="#">银行转帐</a></li>
        </ul>
        <ul class="fl">
            <li><a href="#">订单服务</a></li>
            <li><a href="#">订单配送查询</a></li>
            <li><a href="#">订单状态说明</a></li>
            <li><a href="#">自助取消订单</a></li>
            <li><a href="#">自助修改订单</a></li>
        </ul>
        <ul class="fl">
            <li><a href="#">退换货</a></li>
            <li><a href="#">退换货政策</a></li>
            <li><a href="#">自助申请退换货</a></li>
            <li><a href="#">退换货进度查询</a></li>
            <li><a href="#">退款方式和时间</a></li>
        </ul>
        <ul class="fl">
            <li><a href="#">商家服务</a></li>
            <li><a href="#">商家中心</a></li>
            <li><a href="#">运营服务</a></li>
            <li><a href="#">加入尾品汇</a></li>
        </ul>
        <img src="../imags/logo_00.png" alt="">
    </div>
    <div class="footNav clearfix mb30">
        <ul class="clearfix mauto">
            <li class="fl plr20 bdr1"><a href="#">公司简介</a></li>
            <li class="fl plr20 bdr1"><a href="#"> Investor Relations</a></li>
            <li class="fl plr20 bdr1"><a href="#">网站联盟</a></li>
            <li class="fl plr20 bdr1"><a href="#">乐购招商</a> </li>
            <li class="fl plr20 bdr1"><a href="#">机构销售</a></li>
            <li class="fl plr20 bdr1"><a href="#">手机乐购</a> </li>
            <li class="fl plr20 bdr1"><a href="#">官方Blog</a></li>
            <li class="fl plr20"><a href="#">热词搜索</a></li>
        </ul>

    </div>
    <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
</div>

</html>